// import {
//   // ElAlert,
//   ElAside,
//   // ElAutocomplete,
//   // ElAvatar,
//   // ElBacktop,
//   // ElBadge,
//   ElBreadcrumb,
//   ElBreadcrumbItem,
//   ElButton,
//   // ElButtonGroup,
//   // ElCalendar,
//   ElCard,
//   // ElCarousel,
//   // ElCarouselItem,
//   // ElCascader,
//   // ElCascaderPanel,
//   // ElCheckbox,
//   // ElCheckboxButton,
//   // ElCheckboxGroup,
//   ElCol,
//   // ElCollapse,
//   // ElCollapseItem,
//   // ElCollapseTransition,
//   // ElColorPicker,
//   ElContainer,
//   // ElDatePicker,
//   // ElDialog,
//   // ElDivider,
//   // ElDrawer,
//   // ElDropdown,
//   // ElDropdownItem,
//   // ElDropdownMenu,
//   // ElFooter,
//   ElForm,
//   ElFormItem,
//   ElHeader,
//   // ElIcon,
//   // ElImage,
//   ElInput,
//   // ElInputNumber,
//   // ElLink,
//   ElMain,
//   ElMenu,
//   ElMenuItem,
//   ElMenuItemGroup,
//   // ElOption,
//   // ElOptionGroup,
//   // ElPageHeader,
//   ElPagination,
//   // ElPopconfirm,
//   // ElPopover,
//   // ElPopper,
//   // ElProgress,
//   // ElRadio,
//   // ElRadioButton,
//   // ElRadioGroup,
//   // ElRate,
//   ElRow,
//   // ElScrollBar,
//   // ElSelect,
//   // ElSlider,
//   // ElStep,
//   // ElSteps,
//   ElSubmenu,
//   ElSwitch,
//   // ElTabPane,
//   // ElTabs,
//   ElTable,
//   ElTableColumn,
//   // ElTimeline,
//   // ElTimelineItem,
//   ElTooltip,
//   // ElTransfer,
//   // ElTree,
//   // ElUpload,
//   // ElInfiniteScroll,
//   // ElLoading,
//   ElMessage,
//   ElMessageBox
//   //ElNotification,
// } from "element-plus";

// const plugins = [
//   ElButton,
//   ElInput,
//   ElForm,
//   ElFormItem,
//   ElMessage,
//   ElMessageBox,
//   ElAside,
//   ElContainer,
//   ElMain,
//   ElHeader,
//   ElMenu,
//   ElSubmenu,
//   ElMenuItemGroup,
//   ElMenuItem,
//   ElBreadcrumb,
//   ElBreadcrumbItem,
//   ElCard,
//   ElRow,
//   ElCol,
//   ElTable,
//   ElTableColumn,
//   ElSwitch,
//   ElTooltip,
//   ElPagination
// ];

import { createI18n } from "vue-i18n"; //^9.0.0
import ElementPlus from "element-plus"; //要想ElementUI使用国际化的语言,必须全部导入,否则分页条为英文
import enLocale from "element-plus/lib/locale/lang/en";
import zhLocale from "element-plus/lib/locale/lang/zh-cn";
import locale from "element-plus/lib/locale";
import { Delete, Edit, Select, CloseBold, Expand } from "@element-plus/icons"; //引入饿了么图标

const messages = {
  [enLocale.name]: {
    // el 这个属性很关键，一定要保证有这个属性，
    el: enLocale.el,
    // 定义你自己的字典，但是请不要和 `el` 重复，这样会导致 ElementPlus 内部组件的翻译失效.
    message: {
      hello: "hello world"
    }
  },
  [zhLocale.name]: {
    el: zhLocale.el,
    // 定义你自己的字典，但是请不要和 `el` 重复，这样会导致 ElementPlus 内部组件的翻译失效.
    message: {
      hello: "你好，世界"
    }
  },
  testLocale: {
    el: {}
    // 没有定义 message 字段，会 fallback 回到 en 去, fallbackLocale 的定义在下方 👇
  }
};

const i18n = createI18n({
  locale: zhLocale.name,
  fallbackLocale: enLocale.name,
  messages
});

export default app => {
  // app.component(ElementPlus.ElMessage);
  //配置全局的消息提示
  app.config.globalProperties.$message = ElementPlus.ElMessage;
  //完整引入了 Element，它会默认为 app.config.globalProperties 添加如下全局方法：$msgbox, $alert, $confirm 和 $prompt。可直接使用
  // plugins.forEach(plugin => {
  //   app.use(plugin);
  // });
  //要想ElementUI使用国际化的语言,必须全部导入,否则分页条为英文
  app.use(ElementPlus, {
    i18n: i18n.global.t
  });
  // 要记得使用这个插件.
  app.use(i18n);

  app.component("delete", Delete);
  app.component("edit", Edit);
  app.component("select-el", Select);
  app.component("close-bold", CloseBold);
  app.component("expand", Expand);
};
